<template>
  <div id="app">
    {{count}}
    <br>
    {{$store.getters.doubleCount}}
    <!-- 通过 commit 调用 mutations 中的方法 -->
    <button @click="$store.commit('increment')">count++</button>
    <!-- 通过 dispatch 调用 actions 中的方法 -->
    <button @click="$store.dispatch('increment')">count++</button>
  </div>
</template>

<script>

export default {
  name: 'app',
  computed: {
    count() {
      return this.$store.state.count
    }
  }
}
</script>

<style>

</style>
